/*
 * @Description: 教育经历
 * @Author: fhw
 * @Date: 2023-02-06 14:49:46
 */
import { ResumeEducation } from '@/interface/resume'
import { map } from 'ramda'
import { defineComponent, PropType } from 'vue'
import EducationImage from '@/assets/image/resume/education-1.png'
const props = {
	dataSource: {
		type: Array as PropType<ResumeEducation[]>,
		default: [],
	},
} as const
export default defineComponent({
	props,
	setup(props) {
		return () => (
			<div class="education-content awards" id="education-section">
				<div class="main-title ">
					<span class="icon">
						<img src={EducationImage} alt="" />
					</span>
					<span class="txt">学校</span>
				</div>
				{map((item) => {
					return (
						<div class="education-box">
							<h5>{item.title}</h5>
							<a-row>
								<a-col span={12}>专业：{item.major}</a-col>
								<a-col span={12}>就读时间：{item.date}</a-col>
							</a-row>
						</div>
					)
				}, props.dataSource ?? [])}
			</div>
		)
	},
})
